@charset "utf-8";
/*
	shihoutv
	2017-04-07
*/

.listAnchor .iconLiving,.searchCont em,.searchBox .btnSearch,.noList  { background-image:url(../img/iconIndex.png); background-repeat:no-repeat; }

body        { background:#f5f5f5; }
.main       { margin:0 auto; width:1200px; padding-bottom:30px; overflow:hidden; }

/* 游戏专区 */
.area h3    { margin:30px 0 20px; }
.area ul    { width:1229px; }
.area li    { float:left; margin:0 29px 44px 0; width:380px; height:246px; background:#fff; border-bottom:1px solid #e6e6e6; }
.area li    { width:380px; height:246px; display:block; position:relative; }
.area li .areaImg,.area li .areaImg img { width:380px; height:180px; display:block; overflow:hidden; }
.area li .areaHead,.area li .areaHead img { width:74px; height:74px; display:block; }
.area li .areaHead    { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; overflow:hidden; position:absolute; right:10px; bottom:30px; z-index:3; }
.area li .areaName    { padding:0 10px; line-height:30px; height:30px; display:block; overflow:hidden; font-size:24px; text-decoration:none; color:#2f2f2f; }
.area li .areaLive    { padding:0 10px; line-height:30px; height:30px; display:block; overflow:hidden; font-size:16px; color:#787878; }
.area li .areaLive em { margin-right:10px; font-style:normal; color:#f79b26; }

/* 全部直播 */
.alllive h3 { padding:30px 0 20px; height:auto; overflow:hidden; }
.noList     { clear:both; margin:20px auto; text-indent:-9999px; overflow:hidden; width:120px; height:139px; display:none; background:url(../img/noList.png) no-repeat; }

/* 搜索 */
.search { height:165px; overflow:hidden; }
.searchCont { margin:30px auto 0; width:444px; height:96px; }
.searchCont em { float:left; width:91px; height:96px; display:block; background-position:0 -120px;  }
.searchBox { float:right; margin-top:40px; width:330px; height:40px; display:block; }
.searchBox .searchText { float:left; width:256px; height:38px; margin:0; padding:0; text-indent:5px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; }
.searchBox .btnSearch  { float:left; width:72px; height:40px; display:block; background-position:-102px -120px; cursor:pointer; }

.searchResult .searchTab { height:53px; text-align:center; border-bottom:3px solid #dcdcdc; }
.searchResult .searchTab a { margin:0 10px; width:88px; height:53px; text-align:center; font-weight:normal; cursor:pointer; font-size:20px; line-height:50px; display:inline-block; color:#787878; }
.searchResult .searchTab .curr { color:#f69200; border-bottom:3px solid #f69200; }
.listAnchor       { width:1219px; }
.listAnchor li    { float:left; margin:0 15px 19px 0; width:120px; height:180px; }
.listAnchor li a  { width:118px; height:178px; border:1px solid #e5e5e5; display:block; text-decoration:none; position:relative; background:#fff; color:#2f2f2f; }
.listAnchor li a:hover { border:1px solid #f69200; }
.listAnchor .anchorHead { width:118px; height:119px; display:block; }
.listAnchor .anchorHead img { width:118px; height:119px; }
.listAnchor .iconLiving { width:54px; height:20px; display:block; background-position:-102px -168px; position:absolute; left:5px; top:94px; z-index:5; }
.listAnchor .anchorName { padding:0 5px; height:30px; line-height:30px; font-size:16px; font-weight:normal; overflow:hidden; }
.listAnchor .anchorFans { padding:0 5px; height:20px; line-height:20px; color:#787878; }

.searchNoResult { margin:100px auto; width:371px; height:308px; background:url(../img/noSearch.png) no-repeat; }

.searchAnchor, .searchLive, .searchVideo { overflow:hidden; }
.searchAnchor h3, .searchLive h3, .searchVideo h3 { margin:20px 0 20px 0; }
